<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端菜鸟须知</title>
</head>
<body>
<main>
    <section>
        <h1>前端好的网站</h1>
        <ul>
            <li><a href="http://www.w3cfuns.com/">前端网</a></li>
            <li><a href="http://kb.cnblogs.com/list/1002/">博客园</a></li>
            <li><a href="http://www.oschina.net">开源中国社区</a></li>
            <li><a href="https://www.zhihu.com/">知乎</a></li>
            <li><a href="https://segmentfault.com/">segmentfault</a></li>
            <li><a href="http://muhu28.com/">牧虎网</a></li>
            <li><a href="http://gold.xitu.io/">掘金</a></li>
            <li><a href="https://gold.xitu.io/post/5842c27c61ff4b006c2a55d7">从培训班出来之后找工作的经历，教会了我这五件事</a></li>
            <li><a href="https://github.com/hustcc/JS-Sorting-Algorithm">算法</a></li>
            <li><a href="https://segmentfault.com/a/1190000004400499">希尔排序与插入排序</a></li>
            <li><a href="http://www.tyut.edu.cn/kecheng1/site01/suanfayanshi/shell_sort.asp">希尔排序</a></li>
            <li><a href="http://www.miaov.com/">秒味课堂</a></li>
            <li><a href="https://www.awesomes.cn/weuse">我们在用</a></li>
            <li><a href="http://www.open-open.com/lib/">深度开发OPEN经验</a></li>
            <li><a href="http://www.imooc.com/">慕课网</a></li>
            <li><a href="http://www.jikexueyuan.com/">极客学院</a></li>
            <li><a href="http://www.bootcdn.cn/">bootcdn</a></li>
            <li><a href="http://www.jianshu.com/p/53a7da454057">前端工程师必备实用网站</a></li>
            <li><a href="https://www.shiyanlou.com/">实验楼</a></li>
            <li><a href="https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md">前端面试</a></li>


            <li><a href="http://lib.csdn.net/base/javascript">javascript</a></li>
            <li><a href="http://www.alloyteam.com/2012/10/common-javascript-design-patterns/">js设计模式</a></li>
            <li><a href="https://www.awesomes.cn/repos/Applications/testings">前端测试</a></li>
            <li><a href="https://developer.mozilla.org/zh-CN/">MDN</a></li>
            <li><a href="http://gold.xitu.io/post/582c7d330ce463006ce33838">Javascript 本地存储小结</a></li>
            <li><a href="http://mp.weixin.qq.com/s?__biz=MjM5MDk5MzE2Mw==&mid=2527294468&idx=1&sn=d35cfa44eb44c6b38fb1dcd38fa186d5&chksm=b5eb8a60829c0376f5e74219768bfad897e335af4fb727dde90ba47cb2282584f5e59f2d689a&mpshare=1&scene=1&srcid=1116Zr82InAZPI1Jr20jz4Dt#rd">要么css牛逼，要么js牛逼</a></li>
        </ul>
    </section>
    <section>
        <h2>在线编辑器</h2>
        <dl>
            <dd><a href="http://jsbin.com/cepoyekopo/edit?html,css,js,output">jsbin</a></dd>
            <dd><a href="https://jsfiddle.net/">jsfiddle</a></dd>
            <dd><a href="http://runjs.cn/">runjs</a></dd>
            <dd><a href="http://ideone.com/">ideone</a></dd>
        </dl>
    </section>
    <section>
        <h2>图标网站</h2>
        <dl>
            <dd><a href="http://www.iconfont.cn/">iconfont</a></dd>
            <dd><a href="http://fontello.com/">fontello</a></dd>
            <dd><a href="http://www.freepik.com/">freepik</a></dd>
            <dd><a href="http://www.iconarchive.com/">iconarchive</a></dd>
            <dd><a href="http://findicons.com/">findicons</a></dd>
            <dd><a href="https://thenounproject.com/">thenounproject</a></dd>
            <dd><a href="http://www.easyicon.net/">easyicon</a></dd>
            <dd><a href="http://iconmonstr.com/">iconmonstr</a></dd>
        </dl>
    </section>
    <section>
        <h2>搜索引擎(不要只是用百度)</h2>
        <dl>
            <dd><a href="http://cn.bing.com/">必应</a></dd>
            <dd><a href="http://www.yahoo.cn/">雅虎</a></dd>
            <dd><a href="http://www.iask.com">爱问(新浪)</a></dd>
            <dd><a href="http://www.soso.com">soso(腾讯)</a></dd>
            <dd><a href="https://www.baidu.com/">百度</a></dd>
        </dl>
    </section>
    <section>
        <h1>学习方法</h1>
        <ul>
            <li>
                <a href="http://www.360doc.com/content/16/0501/13/2355900_555355479.shtml">学习方法</a>
            </li>
        </ul>
    </section>
    <section>
        <h2>Unicode®字符百科</h2>
        <dl>
            <dd><a href="http://unicode-table.com/cn/#control-character">特殊字符</a></dd>
        </dl>
    </section>
    <section>
        <h2>浏览器内核和js引擎</h2>
        <dl>
            <dd><a href="http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html">浏览器内核和js引擎</a></dd>
            <dd><a href=http://www.nowamagic.net/librarys/veda/detail/1579">浏览器内核和js引擎</a></dd>
        </dl>
    </section>
    <section>
        <h1>seo优化</h1>
        <dl>
            <dd><a href="http://wenku.baidu.com/link?url=j2zHbI-JaVZg4FUR3cw_6VG8wmiioekm3zXEMfRfTLaFcb1puXO1nMoARfvF-THYXFs9VcT3_asi1E6n9YjTB3lb09uwLUUzl4tpFQJPoyK">seo优化</a></dd>
            <dd><a href="http://uxc.360.cn/archives/984.html">seo优化</a></dd>
        </dl>
    </section>
    <section>
        <h1>ui用户体验</h1>
        <ul>
            <li><a href="http://bbs.tianya.cn/post-444-46378-1.shtml">UI设计：用户体验三要素</a></li>
            <li><a href="http://wenku.baidu.com/link?url=BiwlQX5GAD4-m2YJ9LvoZMHfPaffXgp9QOHDR4CHrG84csHj0YroPR-qvnWi0yAfnsv-_iJ35yuq7-bgBrQhVq_m8riCYRR2r2TQKdpTUzu">用户体验</a></li>
        </ul>
    </section>
    <section>
        <h2>前端所有知识体系</h2>
        <dl>
            <dd>
                <a href="https://github.com/zdd1124/Front-end-tutorial">前端知识体系</a>
            </dd>
        </dl>
    </section>
</main>
</body>
</html>